import { Image } from '@nutui/nutui-react-taro'
import { Text, View } from '@tarojs/components'
import './index.less'

interface CardProps {
  children?: React.ReactNode
  className?: string
  onClick?: () => void
  image?: string
  title?: string
  subtitle?: string
}

const ProductInfoCard: React.FC<CardProps> = ({ image, title, subtitle }) => {
  return (
    <View className='product-info-card'>
      <Image src={image} width='100%' height={120} radius={12} className='case-image' mode='aspectFill' />
      <View className='case-info'>
        <Text className='case-title'>{title}</Text>
        <Text className='case-subtitle'>{subtitle}</Text>
      </View>
    </View>
  )
}

export default ProductInfoCard
